div.comments {
    padding: 0 .24rem;
    font-size: $textNormal;

    .commentsList {
        &> li {
            @extend .wrap;

            /*全部垂直居中对齐 */
            -webkit-align-items: flex-start;
              -moz-box-align: start;
               -ms-flex-align: start;
                   align-items: flex-start;
            -webkit-box-align:start;   /* 兼容 andior 微信 */

            &> div {
                @extend .wrap-item;
            }

            &>img {
                width: .48rem;
                height: .48rem;
                margin: 0 .16rem;
                background: #fff;
                border-radius: 50%;
            }

            .mainAuthor,
            .time
             {
                color: $subtext;
            }

            .mainAuthor {
                @extend .clearfix;

                span.right {
                    float: right;
                    font-size: $titleSmall;

                    &.active {
                        color:
$highlight;
                    }
                }
            }

            .comments {
                font-size: $titleSmall;
            }

            .time {
                display: block;
                margin-top: .08rem 0;
                font-size: $textSmall;
            }
        }
    }

    .addComments {
        margin: .18rem 0 .1rem .24rem;
        background-color: $inputbg;
        li {
            margin-bottom: .06rem;

            &>span {
                color: $subtext;
            }
        }
        a {
            color: $subtext;
        }
    }
}
